@import "../../../share/common/css/common.css";

.container {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding-left: 12px;
    padding-right: 12px;
    padding-bottom: 12px;
    background-color: #F1F3F5;/*    background-color: #E8E8E8;*/
}
.first{
    width: 100%;
    height: 200px;
    justify-content: center;
    align-items: center;
}
text{
    font-size: 30px;
    color: #ec6936;
}
.tt{
    position: fixed;
    height: 8px;
    top: 0;
    width: 100%;
    background-color: #F1F3F5;
}
.opacityClass {
    opacity: .4;
}
.half_error{
    width: 100%;
    justify-content: center;
    margin-top: 2px;

/*    margin-bottom: 16px;*/
}
.lixian{
    width: 16px; height: 16px;
    margin-right: 4px;
}
.lixian-text{
/*    font-size: 14px;*/
    font-family: HarmonyHeiTi-Regular, HarmonyHeiTi;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.6000);
}
.lixian-text2{
/*    font-size: 14px;*/
    font-family: HarmonyHeiTi-Regular, HarmonyHeiTi;
    font-weight: 400;
    color: #0A59F7;

}
/*.option-container {*/
/*    flex-direction: row;*/
/*    justify-content: center;*/
/*    align-items: center;*/
/*    background-color: white;*/
/*    border-radius: 20px;*/
/*    opacity: 1;*/
/*}*/

.option-container {
    justify-content: space-between;
    align-items: center;
    background-color: white;
    border-radius: 16px;
    padding: 0px 16px;
}

.option-top {
/*    margin-top: 16px;!*    margin-left: 12px;*!*/
/*    margin-right: 12px;*/
}

.option-status {
    display: flex;
    width: 100%;
    height: 88px;
    flex-direction: row;/*    justify-content: center;*/
    align-items: center;
    background-color: white;
    border-radius: 16px;
    opacity: 1;
/*    padding: 0 16px;*/
}

.malfunction {
    margin-top: 56px;
/*    justify-content: center;*/
}
.logo-box{
    height: 18px;
    margin-bottom: 10px;
}
.logo-box2{
    height: 72px;
    margin-bottom: 16px;
}
.logo-img2 {
    width: 72px;
    height: 18px;
/*    margin-top: 10px;*/
    object-fit: contain;
}
.commonLogo{
    width: 100%;
    flex-direction: column;
/*    justify-content: center;*/
    align-items: center;
}
.malfunctionBox {/*    justify-content: space-around;*/
    width: 100%;
/*    height: 48px;*/
    align-items: center;
    background-color: #FCE3DF;
    justify-content: space-between;
/*    opacity: 1;*/
    border-radius: 16px;
    padding:0px 12px;
}

.warning_icon {
/*    width: 30px;*/
    height: 24px;
    margin-right: 16px;
}

.more_icon {
    width: 12px;
    height: 24px;
    margin-left: 15px;
}

.warnText {
/*    max-lines: 1;*/
/*    text-overflow: ellipsis;*/
    height: 22px;
    font-size: 16px;
    font-family: Helvetica-, Helvetica;
    font-weight: normal;
    color: #E84026;
    line-height: 0px;
}
.overtime-middle2{
    flex-direction: column;
}
.overtime-middle2-text{
    font-size: 16px;
    font-family: HarmonyHeiTi-, HarmonyHeiTi;
    font-weight: normal;
    opacity: 0.9;
    color: #000000;

}

.middle {
    flex-direction: column;
    justify-content: center;
    align-content: center;
    width: 100px;/*    align-content: center;*/
}

.middleTop {
    justify-content: center;
}

.sj {
    font-size: 24px;/*    margin-right: 2px;*/
/*    transform: translateX(-4px);*/
    margin-right: 2px;
    font-family: HarmonyHeiTi-Regular, HarmonyHeiTi;
    color: rgba(0, 0, 0, 1);
}

.middleFoot {/*    text-align: center;*/
    justify-content: center;
}

.fz {/*    margin-left: 2px;*/
    margin-top: 3px;
    font-family: HarmonyHeiTi-Regular, HarmonyHeiTi;
    font-size: 12px;
    color: rgba(0, 0, 0, .6);

}

.closedImg {
    width: 48px;
    height: 48px;
}

.leftBox-text {
    font-size: 18px;
    font-family: HarmonyHeiTi-Regular, HarmonyHeiTi;
    color: rgba(0, 0, 0, 0.9);
}
.rightBox{
    justify-content: flex-end;
}
.rightBox text {

    font-size: 16px;
    font-family: HYQiHei-FES;
}

.rightBox  .reconnection {
    color: rgba(10, 89, 247, 0.9);
}
.reconnection{
    height: 21px;
    font-size: 16px;
    font-family: HarmonyHeiTi-Regular, HarmonyHeiTi;
    font-weight: 400;
    color: #0A59F7;
    line-height: 0px;
}

.electric {
    width: 24px;
    height: 24px;
}
.device-img {
    width: 252px;
    height: 252px;
/*    border-radius: 10px;*/
/*    margin-top: 20px;*/
}
.device-img2 {
    width: 160px;
    height:160px;
    margin-bottom: 4px;
/*    border-radius: 10px;*/
/*    margin-top: 20px;*/
}
.option-container:disabled {
    opacity: 0.3;
}

.top-margin-90 {
/*    margin-top: 90px;*/
}

.show-pm-card {
    width: 100%;
    height: 176px;
    margin-top: 12px;
    border-radius: 16px;
    background-color: #ffffff;/*    justify-content: center;*/
/*    align-items: center;*/
}

.show-card {
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 64px;
    margin-top: 12px;
    border-radius: 16px;
    background-color: #ffffff;
}
.show-card>div{
    width: 33.333%;
}
.options>div{
    width: 33.333%;
}
.temTxt1{
    height: 21px;
    font-size: 16px;
    font-family: HarmonyHeiTi-, HarmonyHeiTi;
    font-weight: normal;
    color: #000000;
    line-height: 0px;
    margin-right: 2px;
}
.middleTemperature{
    flex-direction: column;
/*    flex:1;*/
}
.onlyTxt{
    height: 21px;
    font-size: 16px;
    font-family: HarmonyHeiTi;
/*    line-height: 22px;*/
    color: #000000;
    opacity: 0.9;
}
.topTxt{
    align-items: flex-end;
    justify-content: center;
    margin-top: 13px;
    margin-bottom: 2px;
}
.ssd{
    height: 16px;
    font-size: 12px;
    font-family: HarmonyHeiTi-, HarmonyHeiTi;
    font-weight: normal;
    color: #000000;
    opacity: 0.6;
    line-height: 0px;
}
.bottomTxt{
    justify-content: center;

/*    height: 16px;*/
}
.cloum-center{
    justify-content: center;
    align-items: center;
}
.bottomTxttext{
    font-size: 12px;
    font-family: HarmonyHeiTi-, HarmonyHeiTi;
    font-weight: normal;
    color: #000000;
/*    line-height: 0px;*/
    opacity: 0.6;
}
.subtract,.increase {
/*    width: 24px;*/
/*    height: 24px;*/
    justify-content: center;
}

.swiperContent1 {
    justify-content: space-around;
    flex-wrap: wrap;
}

.selectBox {
    width: 33.3333%;
    height: 88px;
    flex-direction: column;
    justify-content: center;
    align-items: center;


}

.imgBox {
    width: 40px;
    height: 40px;
    margin-bottom: 8px;
}

.imgBox image {
    width: 40px;
    height: 40px;
}

.titleBox {
    justify-content: center;
}

.titleBox text {
    font-size: 12px;

}

.txtColor {
    color: rgba(0, 0, 0, 0.6);
}

.txtBlue {
    color: #0A59F7;
}

.option-full-container {
    width: 100%;
    height: 64px;/*    background-color: red;*/
    margin-top: 12px;
}
.lock {
    flex-direction: column;
    justify-content: center;
    height: 64px;
    width: 60%;
}
.errInfo{
    position: fixed;
    z-index:2;
/*    top: 56px;*/
    padding: 0px 12px;
}
.lockTxt1{
/*    height: 22px;*/
    font-size: 16px;
    font-family: HarmonyOS Sans SC;
    font-weight: 400;
    line-height: 0px;
    color: #000000;
    opacity: 0.9;
}

.lockTxt2{
    margin-top: 2px;
    height: 17px;
    font-size: 12px;
    font-family: HarmonyOS Sans SC;
    font-weight: 400;
    line-height: 0px;
    color: #000000;
    opacity: 0.6;
}

.lockImg {
    width: 24px;
    height: 24px;
}
.switch-img{
    width: 24px;
    height: 24px;
}
.c-dialog {
    width: 100%;
    position: absolute;
    background-color: white;
    flex-direction: column;/*    bottom: 16px;*/
    border-radius: 16px;
/*    padding: 0 24px;*/

}
.dialog-main{

}
.c-dialog-title {

    height: 72px;
    flex-direction: column;
    padding: 0px 24px;
}
.diaTow{
    margin-top: 8px;
    margin-bottom: 12px;
    font-size: 14px;
    font-family: HarmonyHeiTi;
    font-weight: 400;
    line-height: 0px;
    color: rgba(0, 0, 0, 0.9);
    opacity: 0.6;
}
.title-makeTime{
    margin-top: 12px;
    font-size: 20px;
    font-family: HarmonyHeiTi;
    font-weight: 400;
    line-height: 0px;
    color: rgba(0, 0, 0, 0.9);
}
/*.c-dialog-title .diaTow span {*/
/*    font-size: 14px;*/
/*    color: rgba(0, 0, 0, 0.6);*/
/*}*/

.c-picker {
    margin: 8px 0px;
}

.time-picker {
/*    focus-color: #007DFF;*/
    padding: 0px 30px;
}

.c-dialog-title text span {
    font-size: 20px;
}

.bottom {
    justify-content: space-around;
    align-items: center;
    margin-bottom: 16px;
    padding: 0px 16px;
}

.bottom-text {
    font-size: 16px;
    font-family: HarmonyOS Sans;
    font-weight: 400;
    line-height: 0px;
    color: rgba(10, 89, 247, 0.9);
    opacity: 1;
}
.know{
    font-size: 16px;
    font-family: HYQiHei 55S-Regular, HYQiHei 55S;
    font-weight: 400;
    color: #0A59F7;
}
.cancel,.OK {
    align-items: center;
    justify-content: center;
    width: 148px;
    height: 40px;
}
picker-view{
    height: 200px;
    font-family: HarmonyOS Sans;
    color:#000000;
    selected-color:rgba(10, 89, 247, 0.9);
    disappear-color:rgba(0, 0, 0, 0.45);
}
.lineBoxBottom {
    width: 1px;
    height: 24px;
    background-color: rgba(0, 0, 0, 0.2);
}

.overtimeDialogMain {
    position: fixed;/*    bottom: 16px;*/
    width: 100%;
    height: 100%;
    z-index: 100;
    padding: 0% 12px;/*    border-radius: 24px;*/
    background-color: rgba(0, 0, 0, .2);
/*    background-color: red;*/
}

.overtime {
    position: absolute;
    bottom: 16px;
    flex-direction: column;
    width: 100%;
/*    height: 186px;*/
/*    height: 186px;*/
    background-color: rgba(255, 255, 255, 1);
    border-radius: 24px;
    padding: 12px 24px;
}
.overtimeEquipment{
    position: absolute;
    bottom: 16px;
    flex-direction: column;
    width: 100%;
    height: 164px;
    background-color: rgba(255, 255, 255, 1);
    border-radius: 24px;
    padding: 14px 24px 16px 24px;
}

.overtime-title {
    width: 288px;
/*    height: 26px;*/
    align-items: center;
    margin-bottom: 16px;
}

.overtime-title-text {
/*    width: 288px;*/
    font-size: 20px;
    font-family: HarmonyHeiTi;
    font-weight: 400;
/*    line-height: 26px;*/
    color: #000000;
    opacity: 1;
}


.overtime-middle{
    font-size: 16px;
    font-family: HarmonyHeiTi-, HarmonyHeiTi;
    font-weight: normal;
    opacity: 0.9;
    color: #000000;
    line-height: 22px;
}

.overtime-footer {
    width: 288px;
    height: 40px;
    margin-top: 9px;/*    background-color: red;*/
}

.overtime-footer {
    justify-content: space-around;
    align-items: center;
}

.overtime-footer div text {
    font-size: 16px;
    color: rgba(10, 89, 247, 1)
}

/*.cancel,.OK {*/
/*    align-items: center;*/
/*    justify-content: center;*/
/*    width: 118px;*/
/*    height: 56px;*/
/*}*/

.lineBoxBottom {
    width: 1px;
    height: 24px;
    background-color: rgba(0, 0, 0, 0.2);

}
.view-more2{
    justify-content: center;
    width: 100%;
/*    position: fixed;*/
/*    background-color: #F1F3F5;*/
/*    top:600px ;*/
    height: 56px;
    opacity: 1;
}
.view-more-text{
    height: 24px;
    font-size: 16px;
    margin-top: 16px;
    font-family: HarmonyHeiTi-Regular, HarmonyHeiTi;
    font-weight: 400;
    color: #0A59F7;
    line-height: 0px;
/*-webkit-background-clip: text;*/
/*-webkit-text-fill-color: transparent;*/
}
.p_name{
    height: 24px;
    font-size: 18px;
    font-family: HarmonyHeiTi-Regular, HarmonyHeiTi;
    font-weight: 400;
    color: #000000;
    line-height: 0px;


}
.swtich{
    justify-content: space-between;
    align-items: center;
    background-color: white;
    border-radius: 16px;
    padding: 0px 16px;
}

@media (dark-mode: true){
    .container {
        background-color:  #000000;/*    background-color: #E8E8E8;*/
    }
    .tt{
        background-color:  #000000;
    }
    .option-status,
    .option-container ,
    .swtich,
    .show-pm-card,
    .show-card{
        background-color: #303030;
    }
    .c-dialog{
        background-color: #363636;
    }
    .malfunctionBox {
        background-color: #2B0E0B;
    }
    .warnText {
        color: #D94838;
    }
    .overtime-middle2-text{
        color: #ffffff;
    }
    .sj {
        color: rgba(255, 255, 255, 1);
    }
    .fz {
        color: rgba(255, 255, 255, 0.60);
    }
    .leftBox-text {

        color: rgba(255, 255, 255, 0.90);
    }

    .rightBox  .reconnection {
        color: rgba(10, 89, 247, 0.9);
    }
    .reconnection,.know,.txtBlue,.view-more-text,.lixian-text2{
        color: #5291FF;
    }
    .temTxt1,.onlyTxt,.ssd,.bottomTxttext,.lockTxt1,.lockTxt2,.overtime-title-text,.overtime-middle,.p_name{
        color: #ffffff;
    }
    .txtColor ,.lixian-text{
        color: rgba(255, 255, 255, 0.60);
    }
    .diaTow{
        color: rgba(255, 255, 255, 0.90);
    }
    .title-makeTime{
        color: rgb(255, 255, 255);
    }
    .bottom-text {
        color: rgba(82, 145, 255, 0.9);
    }
    picker-view{
        color:#FFFFFF;
        selected-color:rgba(82, 145, 255, 0.9);
        disappear-color:rgba(255, 255, 255, 0.9);
    }
    .lineBoxBottom,.overtimeDialogMain {
        background-color: rgba(0, 0, 0, 0.2);
    }
    .overtime{
        background-color: #363636;
    }
    .overtimeEquipment {
        background-color: #303030;
    }



    .overtime-footer div text {
        color: rgba(10, 89, 247, 1)
    }
    .lineBoxBottom {
        background-color: rgba(255, 255, 255, 0.20);
    }
    .view-more2{
        background-color: #000000;
    }



}